<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en" />
    <title>The Palace - Gallery</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<link rel="stylesheet" type="text/css" href="prettyphoto.css" />
	<link rel="stylesheet" type="text/css" href="colorpicker/css/colorpicker.css" />
	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="style-ie.css" />
	<![endif]-->
	<!--[if IE 7]> 
	<link rel="stylesheet" type="text/css" href="style-ie7.css" />
	<![endif]-->
	<!--[if IE 8]> 
	<link rel="stylesheet" type="text/css" href="style-ie8.css" />
	<![endif]-->
	<!--[if IE 9]> 
	<link rel="stylesheet" type="text/css" href="style-ie9.css" />
	<![endif]-->
	<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
	<script src="js/sliders.js" type="text/javascript"></script>
	<script src="js/superfish.js" type="text/javascript"></script>
	<script src="js/grayscale.js" type="text/javascript"></script>
	<script src="js/pcode.js" type="text/javascript"></script>
	<script src="js/jquery.prettyphoto.js" type="text/javascript"></script>
	<script src="colorpicker/js/colorpicker.js" type="text/javascript"></script>
	<script src="js/miscellaneous.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#nav ul').superfish();
		full_width_slider(false, false, 5000, 1000); //parameters: autoplay: boolean, fade out arrow when no move: boolean, pause time: integer milliseconds, transition speed: integer milliseconds
		init_prettyphoto();
		gallery_grayscale();
		jquery_miscellaneous();
	});
	</script>
</head>

<body>
	
	<!-- begin full-width-header -->
	<div id="full-width-header-small">
		
		<!-- begin header -->
		<div id="header">
		
			<!-- begin logo -->
			<div id="logo">
				<h1>
					<a href="index-2.html">
						<!-- put your logo just below -->
						<img src="img-demo/logo.png" alt="" />
					</a>
				</h1>
				<div id="logo-bottom">&nbsp;
					<div id="logo-bottom-left"></div>
					<div id="logo-bottom-right"></div>
				</div>
			</div>
			<!-- end logo -->
			
			<!-- begin main navigation -->
			<div id="nav">
				
				<div id="nav-left"></div>
				<div id="nav-right"></div>
				
				<ul>
					<li><a href="index-2.html">Home</a></li>
					<li><a href="rooms.html">Rooms &amp; Suites&nbsp;&nbsp;<span class="nav-arrow-down">&#9660;</span></a>
						<ul>
							<li><a href="room.html">Single room</a></li>
							<li><a href="room.html">Double room<span class="nav-arrow-right">&#9658;</span></a>
								<ul>
									<li><a href="#">Nothing interesting here</a></li>
									<li><a href="#">This is just to show</a></li>
									<li><a href="#">The drop-down menu</a></li>
									<li><a href="#">With another level<span class="nav-arrow-right">&#9658;</span></a>
										<ul>
											<li><a href="#">Nothing interesting here</a></li>
											<li><a href="#">This is just to show</a></li>
											<li><a href="#">The drop-down menu</a></li>
											<li><a href="#">With another level</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li><a href="room.html">Twin room</a></li>
							<li><a href="room.html">Family room</a></li>
							<li><a href="room.html">Deluxe room</a></li>
							<li><a href="room.html">Lough view suite</a></li>
							<li><a href="room.html">VIP suite</a></li>
							<li><a href="room.html">Palace suite</a></li>
						</ul>
					</li>
					<li><a href="reservation.html">Reservation</a></li>
					<li><a class="nav-current" href="pages.html">Template pages&nbsp;&nbsp;<span class="nav-arrow-down">&#9660;</span></a>
						<ul>
							<li class="nav-rounded-right-top"><a href="index-2.html">Home page</a></li>
							<li><a href="home-classic.html">Classic home</a></li>
							<li><a href="home-static.html">Static home</a></li>
							<li><a href="rooms.html">Rooms overview</a></li>
							<li><a href="room.html">Room description</a></li>
							<li><a href="reservation.html">Reservation</a></li>
							<li><a href="news.html">News</a></li>
							<li><a href="columns.html">Full-width with columns</a></li>
							<li><a class="nav-current" href="gallery.html">Gallery</a></li>
							<li><a href="elements.html">Elements</a></li>
							<li><a href="location.html">Location</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</li>
				</ul>
				
			</div>
			<!-- end main navigation -->
			
		</div>
		<!-- end header -->
		
		<!-- begin top-area -->
		<div id="top-area">
			
			<!-- begin form-login -->
			<form id="form-login" action="#">
				<p id="top-area-text">
					Sign in:
				</p>
				<p>
					<input id="top-area-login" type="text" value="Type in your login" />
					<input id="top-area-password" type="password" value="XXXXXX" />
					<a id="top-area-button-submit" class="button-sign-in" href="#">SIGN IN</a>
				</p>
			</form>
			<!-- end form-login -->
			
			<div id="top-area-bottom"></div>
			
		</div>
		<!-- end top-area -->
			
	</div>
	<!-- end full-width-header -->
	
	<!-- begin full-width-slider-small -->
	<div id="full-width-slider-small">	
		
		<!-- begin 1st slide -->
		<div class="slide">
			<div class="slide-image">
				<img src="img-demo/pens.jpg" alt="" />
			</div>
			<div class="slide-caption-container">
				<div class="slide-caption">
					<p class="caption-heading">Gallery page</p>
					<p>With prettyPhoto integrated.</p>
				</div>
			</div>
		</div>
		<!-- end 1st slide -->

	</div>
	<!-- end full-width-slider-small -->		
		
	<!-- begin main-content	-->
	<div id="main-content">
		
		<div id="main-container-top"></div>
		
		<!-- main container -->
		<div id="main-container">
			
			<div id="main-container-top-gradient"></div>
			
			<!-- begin row -->
			<div class="row row-last">
				
				<h2 class="first-headings">These are some of the cool things you can see if you come to The Palace...</h2>
				
				<!-- begin gallery -->
				<div id="gallery">
				
					<!-- begin 1st column -->
					<div class="column-third-width">
						<p>
							<a href="img-demo/big-images/roses.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/roses.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/waternleaf.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/waternleaf.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/icecream.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/icecream.jpg" alt="" />
							</a>
						</p>
					</div>
					<!-- end 1st column -->
					
					<!-- begin 1st column -->
					<div class="column-third-width">
						<p>
							<a href="img-demo/big-images/small-bed.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/small-bed.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/windowsnpalms.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/windowsnpalms.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/sunset-1.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/sunset-1.jpg" alt="" />
							</a>
						</p>
					</div>
					<!-- end 2nd column -->
					
					<!-- begin 3rd column -->
					<div class="column-third-width column-last">
						<p>
							<a href="img-demo/big-images/sunset-2.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/sunset-2.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/building.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/building.jpg" alt="" />
							</a>
						</p>
						<p>
							<a href="img-demo/big-images/bed.jpg" rel="prettyphoto[gallery1]">
								<img src="img-demo/bed.jpg" alt="" />
							</a>
						</p>
					</div>
					<!-- end 3rd column -->
					
					<div class="clear"></div>
			
				</div>
				<!-- end row -->
			
			</div>
			<!-- end gallery -->
			
		</div>
		<!-- end main container -->
		
		<div id="main-container-bottom"></div>
	
	</div>
	<!-- end main content -->
	
	<!-- begin full-width-footer -->
	<div id="full-width-footer">
	
		<div id="footer-image"></div>
		
		<div id="footer-mask"></div>
		
		<!-- begin footer-content-container -->
		<div id="footer-content-container">
			
			<!-- begin footer-content -->
			<div id="footer-content">
			
				<!-- begin 1st column -->
				<div class="column-fifth-width">
					<h3>Navigation</h3>
					<ul>
						<li><a href="index-2.html">Home page</a></li>
						<li><a href="home-classic.html">Classic home</a></li>
						<li><a href="home-static.html">Static home</a></li>
						<li><a href="rooms.html">Rooms overview</a></li>
						<li><a href="room.html">Room description</a></li>
						<li><a href="reservation.html">Reservation</a></li>
						<li><a href="news.html">News (with right sidebar)</a></li>
						<li><a href="columns.html">Full-width with columns</a></li>
						<li><a href="gallery.html">Gallery</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="location.html">Location</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				<!-- end 1st column -->
				
				<!-- begin 2nd column -->
				<div class="column-fifth-width">
					<h3>Rooms &amp; Suites</h3>
					<ul>
						<li><a href="room.html">Single room</a></li>
						<li><a href="room.html">Double room</a></li>
						<li><a href="room.html">Twin room</a></li>
						<li><a href="room.html">Family room</a></li>
						<li><a href="room.html">Deluxe room</a></li>
						<li><a href="room.html">Lough view suite</a></li>
						<li><a href="room.html">VIP suite</a></li>
						<li><a href="room.html">Palace suite</a></li>
						<li><a href="room.html">Deluxe room</a></li>
						<li><a href="room.html">Lough view suite</a></li>
						<li><a href="room.html">VIP suite</a></li>
						<li><a href="room.html">Palace suite</a></li>
					</ul>
				</div>
				<!-- end 2nd column -->
				
				<!-- begin 3rd column -->
				<div class="column-fifth-width">
					<h3>About The Palace</h3>
					<ul>
						<li><a href="pages.html">Overview</a></li>
						<li><a href="pages.html">Lorem ipsum</a></li>
						<li><a href="pages.html">Team</a></li>
					</ul>	
					<h3>The Spa</h3>
					<ul>
						<li><a href="pages.html">Massages</a></li>
						<li><a href="pages.html">Swiming pool</a></li>
						<li><a href="pages.html">Massages</a></li>
						<li><a href="pages.html">Swiming pool</a></li>
						<li><a href="pages.html">Massages</a></li>
						<li><a href="pages.html">Swiming pool</a></li>
					</ul>
				</div>
				<!-- end 3rd column -->
				
				<!-- begin 4th column -->
				<div class="column-fifth-width">
					<h3>Packages</h3>
					<ul>
						<li><a href="news.html">Massage &amp; Spa week</a></li>
						<li><a href="news.html">Bed &amp; Breakfast</a></li>
						<li><a href="news.html">Friday to Monday</a></li>
					</ul>	
					<h3>Get great deals</h3>
					<ul>
						<li><a href="#">The Palace on Twitter</a></li>
						<li><a href="#">The Palace on Facebook</a></li>
						<li><a href="#">The Palace on Lorem</a></li>
						<li><a href="#">The Palace on Ipsum</a></li>
						<li><a href="#">The Palace on Amor</a></li>
					</ul>
				</div>
				<!-- end 4th column -->
				
				<!-- begin 5th column -->
				<div class="column-fifth-width column-last">
					<h3>Footer easy to use</h3>
					<p>
						Put a wide photo and 
						the CSS rules included in 
						this HTML theme
						will tone it down and add a gradient 
						to smoothly join
						the main background (you may need to
						change the color of the footer text 
						if you go
						with a dark background).
					</p>
				</div>
				<!-- end 5th column -->

				<div class="clear"></div>																																																																																							
				
				<!-- begin footer-copyright -->
				<div id="footer-copyright">
				&copy; Copyright 2011 The Palace  -  Designed by <a href="http://themeforest.net/user/AurelienD/?ref=AurelienD">AurelienD</a> for <a href="http://themeforest.net/?ref=AurelienD">ThemeForest</a>
				</div>
				<!-- end footer-copyright -->
			</div>
			<!-- end footer-content -->
			
		</div>
		<!-- end footer-content-container -->
	
	</div>
	<!--end full-width-footer -->
	
	
	<!-- begin demo-color -->
	<div id="demo-color">
		<b>Background color:</b><br/><br/>
		<div id="colorSelector"><div style="background-color: #f0f3ff"></div></div>
		Note that you can easily change the color of all buttons.
		7 colors are predefined. Have a look at <a href="elements.html">the elements page.</a>
		<a href="#" id="button-settings"></a>
	</div>
	<!-- end demo-color -->
	
	<!-- begin demo-buy -->
	<div id="demo-buy">
		<a class="button-buy-it" href="http://themeforest.net/item/the-palace-hotel-and-business-html-theme/694689?ref=AurelienD">BUY THIS THEME!</a>
		<a href="#" id="button-buy"></a>
	</div>
	<!-- end demo-buy -->
																																																																																								<div style="position: absolute; top: 0; left: -9999px">Le lapin blanc needs to be follow! Did you know this?</div>			
</body>
</html>